<template>
	<div class="home-wrap">
		<div class="knowledge-match-img"></div>
		<router-link class="start-res btn" tag="div" to="/question"></router-link>
		<router-link class="scan-rules btn" tag="div" to="/rule"></router-link>

	</div>
</template>
<script>
	export default {
		name:'Home',
		data() {
			return {

			}
		}
	}
</script>
<style>
	.home-wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url('../assets/img/home-bg.png') no-repeat;
		background-size: 100% 100%;
	}
	.knowledge-match-img {
		width: 274px;
		height: 276px;
		background: url('../assets/img/kwd-match.png') no-repeat;
		background-size: 100% 100%;
		margin: 34px auto 0;
	}

	.start-res {
		background: url('../assets/img/start-ans.png') no-repeat;
		margin-top: 42px;
	}
	.scan-rules {
		background: url('../assets/img/act-rule.png') no-repeat;
		margin-top: 12px;
	}
	.btn {
		width: 200px;
		height: 56px;
		margin-left: auto;
		margin-right: auto;
		background-size: 100% 100%;
	}
</style>